<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>不充不行</title>
  <style>
    *{
      margin: 0;
      padding: 0;
    }
    body,html{
      background: #000;
    }
    #tips{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,1) url(assets/images/tips.png) no-repeat center center;
      display: none;
    }
  </style>
  <script type="text/javascript">
        if(/Android (\d+\.\d+)/.test(navigator.userAgent)){
            var version = parseFloat(RegExp.$1);
            if(version>2.3){
                var phoneScale = parseInt(window.screen.width)/640;
                document.write('<meta name="viewport" content="width=640, minimum-scale = '+ phoneScale +', maximum-scale = '+ phoneScale +', target-densitydpi=device-dpi">');
            }else{
                document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
            }
        }else{
            document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
        }
    </script>
  <script type="text/javascript" src="../phaser.min.js"></script>
  <script type="text/javascript" src="js/main.js"></script>
</head>
<body>
  <div id="tips"></div>
  <img style="opacity:0;position:absolute;left:-100%;top:-100%;z-index:-1" src="assets/images/bg-circle.png">
</body>
</html>